<div id="HMusic" class="HMusic-base">
    <div class="an-panel"> <!-- 主面板 -->

        <div class="parameter"> <!-- 参数 -->

            <div class="parameter-other">
                <div id="arguments_name" class="left">
                    <i class="fa fa-music"></i>
                    <span class="arguments-name">加载...</span>
                </div>
                <div class="right">
                    <i class="fa fa-clock-o"></i>
                    <span class="arguments-time">00:00</span> /
                    <span class="arguments-total">00:00</span>
                </div>
            </div>

            <div class="parameter-other">
                <div id="arguments_author" class="left">
                    <i class="fa fa-user"></i>
                    <span class="arguments-author">加载...</span>
                </div>
                <div class="right" id="arguments_type">
                    <i class="fa fa-exchange"></i>
                    <span class="arguments-type">列表循环</span>
                </div>
            </div>

            <div class="parameter-other">
                <div id="arguments_special" class="left">
                    <i class="fa fa-folder"></i>
                    <span class="arguments-special">加载...</span>
                </div>
                <div class="right">
                    <i class="fa fa-check-circle"></i>
                    <span class="arguments-lrc">歌词开启</span>
                </div>
            </div>
        </div>

        <div id="cover" class="cover"> <!-- 歌词图片 -->
            <img src="image/avatar.jpg">
        </div>

        <div class="control"> <!-- 控制器 -->
            <i id="control_loop" class="control-loop fa fa-exchange" title="列表循环"></i>
            <i id="control_prev" class="control-prev fa fa-backward" title="上一首"></i>
            <div id="control_status" class="control-status">
                <i class="control-play fa fa-play" title="播放"></i>
                <i class="control-pause fa fa-pause" title="暂停"></i>
            </div>
            <i id="control_next" class="control-next fa fa-forward" title="下一首"></i>
            <i id="control_heart" class="control-heart fa fa-heart" title="收藏"></i>
        </div>
        
        <div id="ProgressBar" class="progress-bar"> <!-- 进度条 -->
            <div class="bar"> <!-- 背景 -->
                <div class="active"></div> <!-- 进度 -->
            </div>
        </div>

        <div class="bottom"> <!-- 底部 -->

            <div class="bottom-left"><!-- 左侧 - 音量调节 -->
                <i class="btn-trumpet fa fa-volume-up"></i>
                <div id="VolumeBar" class="volume-bar"> <!-- 背景色 -->
                    <div class="progress-bg"> <!-- 选中色 -->
                        <div class="volume-on ts5"> <!-- 色 -->
                            <div class="drag" title="音量"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bottom-right"><!-- 右侧 -->
                <div class="btn-list">
                    <i class="fa fa-bars" id="FunBtnList" title="播放列表"></i>
                </div>
                
                <div class="btn-list">
                    <i class="fa fa-toggle-on active" id="FunBtnLrc" title="歌词开关"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="an-list">

        <div id="list-album" class="list-block list-album active">
            <div class="block-title">
                <span class="title">HMusic音乐播放器 - 专辑列表</span>
                (<span class="number">0</span>)
            </div>
            <div class="block-content">
                
            </div>
        </div>

        <div id="list-music" class="list-block list-music">
            <div class="block-title">
                <i class="fa fa-angle-left"></i>
                <span>Ziiber 的歌曲列表</span>
            </div>
            <div class="block-content">

            </div>
        </div>
    </div>

    <div class="an-side" id="btn_side"> <!-- 侧边控制 -->
        <i class="fa fa-angle-right"></i>
    </div>

    <div class="flat">
        <i class="fa fa-music"></i>
        <i class="fa fa-music"></i>
        <i class="fa fa-music"></i>
        <i class="fa fa-music"></i>
        <i class="fa fa-music"></i>
        <i class="fa fa-music"></i>
    </div>
</div>

<div class="HMusic-lrc active" id="HMusic-lrc">
    <ul>
        <li class="base current">HMusic 音乐播放器</li>
    </ul>
</div>

<div class="HMusicTips"></div>

<!--
<ul>
<li>
    <i class="fa fa-angle-right"></i>
    <span class="list-taxis">1</span>
    <span class="status">当前播放 &gt;</span>
    <span class="list-name">我是你的爱人</span>
</li>
<li>
    <i class="fa fa-angle-right"></i>
    <span class="list-taxis">2</span>
    <span class="status">当前播放 &gt;</span>
    <span class="list-name">我是你妹</span>
</li>
</ul>
-->

